<template>
  <div>
    <mt-swipe :auto="4000" class="swipe">
      <mt-swipe-item v-for="itme in data" :key="itme.id">
        <img class="image" v-if="itme.img" :src="itme.img" alt>
        <img class="imag" v-else :src="itme.src" alt>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
    props:['data']
}
</script>
<style lang="less">
.swipe {
    text-align: center;
    background: #fff;
  height: 30vh;
  .image {
    width: 100%;
    height: 100%;
  }
  .imag {
      height: 100%;
  }
}
</style>

